*{font-family: 'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;padding: 0;margin: 0;box-sizing: border-box;}
body{font-size: 14px;color: #666666;background-color: #f1f1f1;}
ul,li{list-style:none;list-style-type:none;margin: 0;}
b,i{font-weight: normal;font-style: normal;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:".";}
.clearfix{*zoom:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{float: left;}
.fr{float: right!important;}
a{color: inherit;text-decoration: none;}
.height_all{height: 100%;}
.c_333{color: #333333!important;}
.c_666{color: #666666!important;}
.c_999{color: #999999!important;}
.c-fff{color: #fff!important;}
.c_blue{color: #fb6a30!important;}
.c_red{color: #f30a48!important;}
.fs_12{font-size: 12px;}
.bg_grey{background-color: #F2F2F2;}
.bg_white{background: white!important;}
.container{width: 1200px;margin: 0 auto;position: relative;}
a:hover{color: #fb6a30!important;}
input,select,button{outline: none}
html,body{height: 100%}





[v-cloak]{display: none;}
ul{padding: 0;}
.relative{position: relative;}
.block{display: block;}
.dis_none{display: none;}
.hide{
    display: none;
}
.col-c9c9{
    color: #c9c9c9;
}
.c_000{
    color: #000!important;
}
.pt-20{
    padding-top: 20px;
}
.color-home{
    color: #fb6a30;
}
.cur-p{
    cursor: pointer;
}
.mb-0{
    margin-bottom: 0!important;
}
.pl0{padding-left: 0px!important;}
.pl05{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl100{padding-left: 100px!important;}
.pl125{padding-left: 125px!important}

.mr-15{
    margin-right: 15px;
}
.pr05{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr100{padding-right: 100px;}

.pb_15{padding-bottom: 15px!important;}
.pb_50{padding-bottom: 50px!important;}
.pt0{padding-top: 0!important;}
.mt05{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}

.mb05{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb-40{
    margin-bottom: 40px;
}
.pb-20{
    padding-bottom: 20px;
}
.pt-40{
    padding-top: 40px;
}
/*行高*/
.lh_45{line-height: 45px;}


.h21{height: 21px;}

.marl_2{margin-left: 2px;}
.marl_5{margin-left: 5px;}
.marl_10{margin-left: 10px;}
.marl_15{margin-left: 15px;}


.wid_100{width: 100%!important;}
.wid220{width: 220px!important;}
.wid_375{width: 375px!important;}

.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 15;display: none;}

.p-r{
    position: relative!important;
}
.p-a{
    position: absolute!important;
}
.font-0{
    font-size: 0;
}
.font-12{
    font-size: 12px;
}
.mart-23{
    margin-top: 23px;
}
.mart-24{
    margin-top: 24px;
}
.marb-38{
    margin-bottom: 38px;
}
.marr-13{
    margin-right: 13px;
}
.marr-485{
    margin-right: 485px;
}
.mt-170{
    margin-top: 170px;
}
.marr-7{
    margin-right: 7px;
}
.mr-15{
    margin-right: 15px;
}
.ml-20{
    margin-left: 20px;
}
.marr-35{
    margin-right: 35px;
}
.marb-13{
    margin-bottom: 13px;
}
.color-fff{
    color: #fff;
}
.col-ff4{
    color:#ff4a02;
}
.mr-8{
    margin-right: 8px;
}
.mr-b{
    margin-bottom: 40px;
}
.mr-22{
    margin-right: 22px;
}
.mr-60{
    margin-right: 60px;
}
.mr-28{
    margin-right: 28px;
}
.ml-20{
    margin-left: 20px;
}
.mr-20{
    margin-right: 20px;
}
.iconsty1{
    margin-left: 31px;
    margin-right: 10px;
}
.text-l{
    text-align: left;
}
.v-tt{
    vertical-align: text-top;
}

/*icon*/
.icon_shopcar{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/shop-car1.png);
    background-size: 100% 100%;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.img_shopcar{width: 12px;height: 12px;margin-right: 5px;position: relative;top: 1px;}
.computed{width: 130px;height: 30px;display: inline-block;}
.computed .icon_plus{border: 1px solid #e4e4e4;float: left;}
.computed .icon_minus{border: 1px solid #e4e4e4;float: left;}
.computed input[type=text]{border:none;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;height: 30px;width: 70px;outline: none;float: left;position: relative;top: 1px;padding:0 10px;text-align: center;color: #000000;}

.header-box{
    position: relative;
    z-index: 1;
}
.login-box{
    line-height: 30px;
    background-color: #363636;
    color: #9a9a9a;
    overflow: hidden;
    padding: 0 30px;
    font-size: 12px;
}
.login-box .login-c{
    float: left;
}
.login-box .right-list{
    float: right;
}
.logo-box{
    overflow: hidden;
    height: 63px;
    background-color: white;
    box-shadow: 0 3px 15px #888888;
}
.logo-box .left-logo{
    float: left;
    width: 285px;
    height: 65px;
    margin: 0 43px 0 40px;

}
.logo-box .left-logo img{
    width: 100%;
    height: 100%;
}
.logo-box .login-title{
    float: left;
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    font-size: 32px;
    border-left: 2px solid #fb6a30;
    color: #fb6a30;
    padding-left: 42px;

}
.content-box{
    overflow: hidden;
}
.left-box{
    float: left;
    font-size: 16px;
    background-color: #ffffff;
    min-height: 100vh;
    padding-bottom:10000px;
    margin-bottom:-10000px;
}
.left-box .menu-f{
    float: left;
    background-color: #25292e;
    padding-top: 40px;
    width: 160px;
    color: #b7bbc9;
    padding-bottom:10000px;
    margin-bottom:-10000px;
}
.left-box .menu-f .li-sty{
    line-height: 80px;
    padding-left: 15px;
    cursor: pointer;
}
.left-box .menu-f .li-sty .iconSty3{
    margin-right: 14px;
    position: relative;
    top: 4px;
}
.left-box .menu-f .active{
    background-color: #fb6a30;
    color: #fff;
}
.left-box .menu-s .active{
    background-color: #fb6a30;
    color: #fff;
}
.left-box .menu-s{
    float: left;
    padding-top: 40px;
    width: 140px;
    line-height: 80px;
    color: #333;
    display: none;
    padding-bottom:10000px;
    margin-bottom:-10000px;
}
.left-box .menu-s div{
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
}
.left-box .menu-s .active{
    color: #fb6a30;
    background-color: #fbfbfb;
    display: block;
}

.text-c{
    text-align: center;
}
.release-btn1{
    display: inline-block;
    line-height: 45px;
    color: #fff;
    background-color: #fb6a30;
    box-shadow: 0px 6px 12px 0px #ff956b;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 40px;
    cursor: pointer;
}
.colo-blue{
    color: #386ed3;
}
.p-r{
    position: relative;
}
/*comm*/
 .btn-sty11{
    line-height: 35px;
    background-color: #fb6a30;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 0 21px;
    cursor: pointer;
}

 .btn-sty22{
    line-height: 35px;
    background-color: #fff;
    color: #fb6a30;
    display: inline-block;
    padding: 0 21px;
    cursor: pointer;
    border-radius: 2px;
    border: solid 2px #fb6a30;
    font-size: 14px;
}
.btn-sty22:hover{
    background-color: #fb6a30;
    color: #fff;
    cursor: pointer;
}
/**/
.friend-tips{
    background-color: #fff3cc;
    margin-bottom:20px;
    padding: 10px;
    font-size: 15px;
}
.friend-tips .title-box{
    padding-left: 46px;
    margin-bottom: 10px;
    position: relative;
}
.friend-tips .icon-sty{
    position: absolute;
    left: 0;
    top: -1px;
    background: url(../img/laBa.png);
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
}
.friend-tips .title-tip{
    font-weight: bold;
    font-size: 15px;
}
.friend-tips .info-list{
    padding-left: 46px;
    margin-bottom: 10px;
    font-size: 12px;
}
.friend-tips .info-list:last-child{
    margin-bottom: 0;
}
.box-shadow-sty1{
    box-shadow: 0px 6px 12px 0px #ffb294;
}

.layui-layer-btn .layui-layer-btn0{
    background-color: #fb6a30!important;
    border-color: #fb6a30!important;
}

.layui-layer-btn .layui-layer-btn0:hover{
    color: white!important;
}

.icon_store_sty{display: inline-block;width: 47px;height: 17px;background: url("../img/store_01.png");background-size: 100% 100%;position: relative;top: 1px;}
.icon_up{background: url("../img/up_02.png");background-size: 100% 100%;width: 15px;height: 15px;display: inline-block;}
.icon_up.active{background: url("../img/up_01.png");background-size: 100% 100%;width: 15px;height: 15px;display: inline-block;cursor: pointer;}
.icon_down{background: url("../img/down_02.png");background-size: 100% 100%;width: 15px;height: 15px;display: inline-block;}
.icon_down.active{background: url("../img/down_01.png");background-size: 100% 100%;width: 15px;height: 15px;display: inline-block;cursor: pointer;}
.icon_addchild{background: url("../img/add_child.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;}

.icon_close{background: url("../img/close.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;}
.icon_add{background: url("../img/add.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;}
.icon_reduce{background: url("../img/reduce.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}
.icon_info1{background: url("../img/info-0.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}
.active .icon_info2{background: url("../img/info-1.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}

.icon_product1{background: url("../img/product-0.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}
.active .icon_product2{background: url("../img/product-1.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}


.icon_inquire1{background: url("../img/inquire-0.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}
.active .icon_inquire2{background: url("../img/inquire-1.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}

.icon_store1{background: url("../img/store-0.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}
.active .icon_store2{background: url("../img/store-1.png");background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;cursor: pointer;margin-right: 10px;}

.icon_right1{background: url("../img/right1.png");background-size: 100% 100%;width: 8px;height: 14px;display: inline-block;cursor: pointer;margin-right: 10px;}

.title-toggle .btn-sty11{float: right;line-height: 35px;font-size: 15px;}

.login-box .right-list a{color: #9a9a9a;}

.close_mode{
    float: right;
    position: relative;
    top: 13px;
    width: 13px;
    height: 13px;
    left: -10px;
}
/*表格比例*/
.width-b20{
    width: 20%;
}
.width-b25{
    width: 25%;
}

.width_100{width: 100px;}
.width_80{width: 80px;}
.width_130{width: 130px;}
.width_120{width: 120px;}
.width_170{width: 170px;}
.width_200{width: 200px;}





